{% load staticfiles %}
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <!-- 引入样式文件和动态控制 -->
    <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
    <script src="{% static 'js/jquery-3.3.1.min.js' %}"></script>
    <script src="{% static 'js/bootstrap.min.js' %}"></script>
    <!--主要样式控制-->
    <link href="{% static 'css/main.css' %}" rel="stylesheet">

    <title>首页</title>

</head>

<body>
    <!--顶部导航栏部分-->
    <nav class="navbar navbar-inverse">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" title="logoTitle" href="base.html">One_Deploy</a>
            </div>
            <div class="collapse navbar-collapse">
                <ul class="nav navbar-nav navbar-right">
                    <!-- <li role="presentation">
                        <a href="#">当前用户：<span class="badge">dolphintwo</span></a>
                    </li>
                    <li>
                        <a href="../login/logout">
                            <span class="glyphicon glyphicon-lock"></span>退出登录</a>
                    </li> -->
                </ul>
            </div>
        </div>
    </nav>

    <!-- 中间主体内容部分 -->
    <div class="pageContainer">
        <!-- 左侧导航栏 -->
        <div class="pageSidebar">
            <ul class="nav nav-stacked nav-pills">
                <!-- 开始 -->
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="base.html">
                     资产设置<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li>
                            <a href="base.html" target="mainFrame">Inventory配置</a>
                        </li>
                        <li>
                            <a href="base.html" target="mainFrame">Variable配置</a>
                        </li>
                        <li>
                            <a href="base.html" target="mainFrame">参数配置</a>
                        </li>
                    </ul>
                </li>
                <!-- 结束 -->
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="base.html">
                     环境部署<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li>
                            <a href="base.html" target="mainFrame">ansible依赖检查</a>
                        </li>
                        <li>
                            <a href="base.html" target="mainFrame">安装源配置</a>
                        </li>
                        <li>
                            <a href="base.html" target="mainFrame">ntp服务</a>
                        </li>
                        <li>
                            <a href="base.html" target="mainFrame">Java</a>
                        </li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="base.html">
                     服务部署<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li>
                            <a href="base.html" target="mainFrame">Nginx</a>
                        </li>
                        <li>
                            <a href="base.html" target="mainFrame">Mysql</a>
                        </li>
                        <li>
                            <a href="base.html" target="mainFrame">RabbitMQ</a>
                        </li>
                        <li>
                            <a href="base.html" target="mainFrame">Zookeeper</a>
                        </li>
                        <li>
                            <a href="base.html" target="mainFrame">Redis</a>
                        </li>
                        <li>
                            <a href="base.html" target="mainFrame">Tomcat</a>
                        </li>
                        <li>
                            <a href="base.html" target="mainFrame">SonarQube</a>
                        </li>
                        <li>
                            <a href="base.html" target="mainFrame">Jenkins</a>
                        </li>
                        <li>
                            <a href="base.html" target="mainFrame">Minio</a>
                        </li>
                        <li>
                            <a href="base.html" target="mainFrame">GlusterFS</a>
                        </li>
                        <li>
                            <a href="base.html" target="mainFrame">Ceph</a>
                        </li>
                        <li>
                            <a href="base.html" target="mainFrame">Kubernetes</a>
                        </li>
                    </ul>
                </li>

                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="base.html">
                     应用部署<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li>
                            <a href="base.html" target="mainFrame">CICD</a>
                        </li>
                        <li>
                            <a href="base.html" target="mainFrame">PaaS</a>
                        </li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="base.html">
                     工作流配置<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li>
                            <a href="base.html" target="mainFrame">创建工作流</a>
                        </li>
                        <li>
                            <a href="base.html" target="mainFrame">执行工作流</a>
                        </li>
                    </ul>
                </li>


            </ul>
        </div>

        <!-- 左侧导航和正文内容的分隔线 -->
        <div class="splitter"></div>
        <!-- 正文内容部分 -->
        <div class="pageContent">
            <iframe src="" id="mainFrame" name="mainFrame" frameborder="0" width="100%" height="100%" frameBorder="0"></iframe>
        </div>

    </div>
    <!-- 底部页脚部分 -->
    <div class="footer">
        <p class="text-center">
            2018 &copy; dolphintwo.
        </p>
    </div>

    <script type="text/javascript">
        $(".nav li").click(function() {
            $(".active").removeClass('active');
            $(this).addClass("active");
        });
    </script>
</body>

</html>